import { reactive, ref, onMounted, onUnmounted } from 'vue';
import *  as util from '@/amtf/utils'
import { ElMessage, ElMessageBox } from 'element-plus'

export default function (cfg = {}) {
  const 父组件 = cfg.父组件
  const 单项组 = cfg.单项组

  // const 单项组 = reactive([])
  // const 单项组 = 父组件.单项.skus
  console.log(`父组件.单项 👉`,父组件.单项)
  let 拟删除子表ids = []
  拟删除子表ids = 父组件.单项.拟删除子表ids

  const 单项模板 = {}
  if (cfg.单项模板) {
    Object.assign(单项模板, cfg.单项模板)
  }

  function 加一行() {
    // console.log(`props 👉`, props)
    let 可选配置值 = 父组件.单项.可选配置.map((params) => {
      return { label: params }
    })
    单项组.unshift({
      可选配置值,
      库存: 99,
      价格: 99,
      图片: '',
    })
  }

  const 删行 = (row) => {
    // const index = 单项组.indexOf(row);
    // if (index !== -1) 单项组.splice(index, 1);
    let id = row.id
    util.删除元素(单项组, row)
    if (id) {
      // 拟删除子表ids[id] = ''
      util.添加非重复元素(拟删除子表ids, id)
    }
    console.log(`拟删除子表ids 👉`,拟删除子表ids)
  }

  return {
    删行,
    加一行,
    拟删除子表ids,
    // 单项组,
    // 初始化
  }
}